<template>
    <el-header>
        <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" :ellipsis="false"
            @select="handleSelect">
            <el-menu-item index="0">
                <img style="width: 100px" src="/images/element-plus-logo.svg" alt="Element logo" />
            </el-menu-item>
            <el-menu-item index="1">Processing Center</el-menu-item>
        </el-menu>
    </el-header>
</template>

<script setup>
import { ref } from 'vue'
import { useRouter } from 'vue-router'

const router = useRouter()
const activeIndex = ref('0')

const handleSelect = (key) => {
    if (key === '0') {
        router.push({ name: 'home' })
    }
}
</script>
